$margin-right: 10px;

.right-top {
	position: relative;
	height: 50px;
	box-sizing: border-box;
	padding-top: $margin-right;
	.input-host {
		float: left;
		width: 25%;
	}
	.export-input-param {
		color: #fff;
	}
	.operate-button {
		float: right;
		margin-right: $margin-right;
	}

	.records-list {
		$margin-top: 10px;
		$fcolor: #409EFF;
		position: absolute;
		width: 20%;
		top: 90px;
		right: 0px;
		border: 1px solid #ccc;
		border-top: 1px solid transparent;
		border-radius: 4px;
		padding-left: 5px;
		background: #fff;
		z-index: 1000;
		.refresh {
			position: absolute;
			top: 6px;
			right: 6px;
			color: $fcolor;
			cursor: pointer;
		}
		.no-detail {
			.title {
				text-align: center;
				font-weight: 600px;
				margin-top: $margin-top;
				font-size: 18px;
				color: #333;
				@include my-ellipse;
			}

			.expand {
				margin: $margin-top 0px;
				text-align: center;
				color: $fcolor;
				cursor: pointer;
			}
		}

		.detail {
			text-align: center;
			.record {
				border-bottom: 1px solid #ccc;
				text-align: left;
				cursor: pointer;
				.title {
					display: inline-block;
					max-width: 100%;
					text-align: left;
					height: 30px;
					line-height: 30px;
					font-size: 18px;
					color: $fcolor;
					@include my-ellipse;
				}
				.content {
					p {
						padding: 2px 0;
						line-height: 20px;
						font-size: 14px;
						color: #000;
						@include my-ellipse;
					}
				}
				.time {
					line-height: 26px;
					font-size: 12px;
					color: #99a2aa;
				}

			}
			.collapse {
				margin: $margin-top 0px;
				color: #409EFF;
				cursor: pointer
			}
		}

	}
}